import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import Router from '@/router'
//  创建副本对象
const _axios = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
})

// 设置请求拦截
_axios.interceptors.request.use(
  config => {
    // 统一token处理

    config.headers.Authorization = `Bearer ${store.state.user.token}`
    console.log(store.state.user.token)
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 设置响应拦截
_axios.interceptors.response.use(
  res => {
    // 响应的状态码2开头走上面
    // 如果请求成功，正常返回
    if (res.data.success) {
      return res.data
    } else {
      // 请求失败弹出错误提示
      Message.error(res.data.message)
      return Promise.reject(res.data.message)
    }
  },
  error => {
    // 其他开头走下面
    // 401的token失效处理 权限不够  只要权限不够就跳回登录页面
    if (error.response && error.response.status === 401) {
      // 1.提示 2.清除token 3.清除用户信息 4.跳转到 登录页
      Message.error(error.response.data.message)
      store.commit('user/logout')
      Router.push('/login')
    }
    return Promise.reject(error)
  }
)

// 暴露axios副本
export default _axios
